<template>
  <div class="info-container">
    <van-cell-group>
      <van-field
        v-model="state.formData.gddz"
        name="gdms"
        label="预警编号"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gddz"
        name="gdms"
        label="预警区域"
        v-if="'区域预警'"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="预警名称"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gddz"
        name="gdms"
        label="期数"
        v-if="'区域预警'"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="预警点位"
        v-if="'点位预警'"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="预警类型"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="预警状态"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="预警级别"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="是否演练"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="预警依据"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="预警时段"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="响应状态"
        v-if="'点位预警'"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="相应人"
        v-if="'点位预警'"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="响应时间"
        v-if="'点位预警'"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="发布人"
        v-if="'点位预警'"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="预警内容"
        label-align="top"
      />
      <!-- <van-field name="uploader" label="文件上传">
        <template #input>
          <van-image round width="2rem" height="2rem" :src="state.formData.avatarUrl" />
        </template>
      </van-field> -->
    </van-cell-group>
  </div>
</template>

<script setup>
import { reactive, onMounted } from "vue";
const state = reactive({
  checked: false,
  formData: {},
});
</script>

<style lang="less" scoped>
.info-container {
  height: 100%;
  background: #fff;
}
</style>
